.nd4 {
  height: 345px;
  display: flex;
}
.nd4 .main4-top-left {
  overflow: hidden;
  width: 590px;
  height: 345px;
  float: left;
  margin-right: 10px;
  background-color: white;
}
.nd4 .main4-top-left > .main4-top-left-top {
  width: 550px;
  height: 60px;
  padding: 0 20px;
  display: flex;
}
.nd4 .main4-top-left > .main4-top-left-top > div {
  overflow: hidden;
}
.nd4 .main4-top-left > .main4-top-left-top > div:hover div {
  background-color: red;
  color: white;
}
.nd4 .main4-top-left > .main4-top-left-top > div > p {
  float: left;
  font-weight: 900;
  font-size: 24px;
  margin-top: 20px;
}
.nd4 .main4-top-left > .main4-top-left-top > div > div {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid rgba(248, 0, 0, 0.4);
  color: rgba(248, 6, 6, 0.4);
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  margin-top: 25px;
  margin-left: 10px;
}
.nd4 .main4-top-left > .main4-top-left-top > p {
  flex: 1;
}
.nd4 .main4-top-left > .main4-top-left-top > ul {
  display: flex;
  align-items: center;
}
.nd4 .main4-top-left > .main4-top-left-top > ul > li {
  cursor: pointer;
  text-align: center;
  line-height: 19px;
  color: #999;
  font-size: 13px;
  width: 28px;
  height: 19px;
  margin: 0 13px;
}
.nd4 .main4-top-left > .main4-top-left-top > ul > li:hover {
  color: #666;
  border-bottom: 2px #666 solid;
}
.nd4 .main4-top-left > .main4-top-left-buttom {
  display: flex;
  display: none;
}
.nd4 .main4-top-left > .main4-top-left-buttom > .box1 {
  width: 350px;
  margin-left: 10px;
  height: 265px;
  margin-right: 10px;
  background-color: rgba(109, 126, 146, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
}
.nd4 .main4-top-left > .main4-top-left-buttom > .bigbox {
  display: flex;
  flex-wrap: wrap;
}
.nd4 .main4-top-left > .main4-top-left-buttom > .bigbox > .box2 {
  margin-top: 20px;
  width: 165px;
  height: 84px;
  color: #333;
  margin-right: 30px;
}
.nd4 .main4-top-left > .main4-top-left-buttom > .bigbox > .box2 > img {
  float: left;
  width: 84px;
  height: 84px;
  margin-right: 5px;
}
.nd4 .main4-top-left > .display {
  display: block;
  display: flex;
}
.nd4 .nd4-2 {
  margin-left: 10px;
  width: 590px;
  height: 100%;
  background-color: #fff;
  display: flex;
  position: relative;
}
.nd4 .nd4-2 .nd4-2-1 {
  width: 270px;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.nd4 .nd4-2 .nd4-2-1 h1 {
  position: absolute;
  top: 14px;
  left: 20px;
  font-size: 24px;
  font-weight: 800;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-1 {
  position: absolute;
  top: 24px;
  left: 129px;
  text-align: center;
  width: 15px;
  height: 15px;
  border: 1px solid red;
  border-radius: 50%;
  line-height: 15px;
  color: red;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-1:hover {
  color: #fff;
  background-color: red;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 {
  position: absolute;
  top: 63px;
  left: 15px;
  width: 239px;
  height: 265px;
  background-color: #f6fdfc;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 .img1 {
  position: absolute;
  top: 14px;
  left: 77px;
  width: 70px;
  height: 35px;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 h6 {
  position: absolute;
  top: 54px;
  left: 57px;
  font-weight: 800;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 h5 {
  position: absolute;
  top: 77px;
  left: 34px;
  font-size: 12px;
  color: #999;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 .img2 {
  width: 130px;
  height: 130px;
  position: absolute;
  top: 109px;
  left: 49px;
}
.nd4 .nd4-2 .nd4-2-1 .nd4-2-1-2 .img2:hover {
  opacity: 0.8;
}
.nd4 .nd4-2 .nd4-2-2 {
  position: absolute;
  top: 15px;
  right: 21px;
  width: 270px;
  height: 312px;
  background-color: #fff;
  cursor: pointer;
}
.nd4 .nd4-2 .nd4-2-2 > div {
  float: left;
  margin-bottom: 10px;
  margin-left: 5px;
  width: 130px;
  height: 100px;
  position: relative;
}
.nd4 .nd4-2 .nd4-2-2 > div img {
  position: absolute;
  top: 12px;
  left: 16px;
  width: 100px;
  height: 50px;
}
.nd4 .nd4-2 .nd4-2-2 > div img:hover {
  opacity: 0.8;
}
.nd4 .nd4-2 .nd4-2-2 > div h6 {
  position: absolute;
  top: 72px;
  left: 20px;
  font-size: 12px;
  color: #999;
}
